<template>
  <div class="home">
    <Bar title="天气查询系统" page="1"></Bar>
    <Updatenav></Updatenav>
    <MainWeather></MainWeather>
    <ShowWeather></ShowWeather>
    <ShowEchart></ShowEchart>
    <Loading v-show="$store.state.loadingTip"></Loading>
  </div>
</template>

<script setup>
import MainWeather from '@/components/mainWeather.vue'
import Bar from '@/components/bar.vue'
import ShowWeather from '@/components/showWeather.vue'
import Loading from '@/components/loading.vue'
import Updatenav from '../../components/updatenav.vue'
import ShowEchart from '@/components/showEchart.vue'
</script>

<style lang="less" scoped>
body {
  padding: 15px;
  font-family: 'montserrat', sans-serif;
}
.home {
  min-height: 100vh;
  padding: 15px;
  background: #f5f6f7;
  // background-image: linear-gradient(to bottom, #aec9ff, #093072);
  // background-image: linear-gradient(to right, #d8d8d8, #a10730);
  // background: url(@/assets/img/bg2.jpeg);
  // background: url(@/assets/img/man.jpg);
  // background: url(@/assets/img/bg1.png);
  // background-size: 100% 100%;
}
</style>
